﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Inventor5.Master" AutoEventWireup="true" CodeBehind="ReportingForeachService.aspx.cs" Inherits="HospitalSystem.ReportingForeachService" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div id="sidebar">
					<ul>
						<li>
							<h2>รายงานข้อมูลเด็ก</h2>
							<ul>
							
								<li><a href="Report.aspx">รายงานข้อมูลเด็กรายหัว</a></li>
								<li><a href="#">รายงานดูแลเด็กตามประเภทบริการ</a></li>
                                <li><a href="ReportSummation.aspx">รายงานต้นทุนการดูแลเด็กภาพรวมในหน่วยงาน</a></li>
							</ul>
						</li>
					</ul>
				</div>
    <div id ="content">
        <h3>รายงานการดูแลเด็กตามประเภทของบริการ</h3><br /><br />
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            CellPadding="4" ForeColor="#333333" GridLines="None">
            <AlternatingRowStyle BackColor="White" />
            <Columns>
                <asp:BoundField DataField="ServiceCode" HeaderText="รหัสบริการ" />
                <asp:BoundField DataField="Service" HeaderText="รายละเอียดบริการ" />
                <asp:BoundField DataField="Count" HeaderText="จำนวนผู้ใช้บริการ" />
                <asp:TemplateField HeaderText = "เด็กทั้งหมดที่รับบริการ"> 
                    <ItemTemplate> 
                        <asp:HyperLink id="hlDetails2" Text="รายละเอียด" Runat="server" 
                        NavigateUrl='<%# GetUrl(Eval("ServiceCode"))%>' /> 
                    </ItemTemplate> 
            </asp:TemplateField>
            </Columns>
            <EditRowStyle BackColor="#2461BF" />
            <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
            <RowStyle BackColor="#EFF3FB" />
            <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            <SortedAscendingCellStyle BackColor="#F5F7FB" />
            <SortedAscendingHeaderStyle BackColor="#6D95E1" />
            <SortedDescendingCellStyle BackColor="#E9EBEF" />
            <SortedDescendingHeaderStyle BackColor="#4870BE" />
        </asp:GridView>
        <br />
        <%--Script For Connecting Google API (Google Visualization)--%>
        <script type='text/javascript' src='https://www.google.com/jsapi'></script>
        <script type='text/javascript'>
            google.load('visualization', '1', { 'packages': ['corechart'] });
            
            function drawPieChart() {
                var data = new google.visualization.DataTable(piedata);
                var options = {
                    title: 'กราฟวงกลมนี้แสดงถึงจำนวนคนที่เข้ารับในแต่ละบริการ'
                };
                var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
                chart.draw(data, options);
            }

            google.setOnLoadCallback(drawPieChart);
        </script>
        
        <div id='chart_div' style="width: 800px; height: 400px;"></div><br />
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
</asp:Content>
